﻿<!doctype html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7]><html class="ie ie-lt7 ie-lt8 ie-lt9"><![endif]-->
<!--[if lt IE 8]><html class="ie ie-lt8 ie-lt9"><![endif]-->
<!--[if lt IE 9]><html class="ie ie-lt9"><![endif]-->
<!--[if gt IE 8]><html class="ie"><![endif]-->
<!--[if !IE]><!--><html><!--<![endif]-->
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Фотографии проекта</title>

    <link href="css/reset.css" rel="stylesheet" media="all" />
    <link href="css/global.css" rel="stylesheet" media="all" />
    <link href="css/layout.css" rel="stylesheet" media="all" />
    <link href="css/grid.css" rel="stylesheet" media="all" />
    <link href="css/blocks.css" rel="stylesheet" media="all" />
    <link href="css/g-blocks.css" rel="stylesheet" media="all" />
    <link href="css/blocksPhotos.css" rel="stylesheet" media="all" />
    <link href="css/RoundedCorners.css" rel="stylesheet" media="all" />
    <link href="css/colorbox.css" rel="stylesheet" media="all" />

    <!--[if lt IE 8]>
    <link href="css/global.ie.css" rel="stylesheet" media="all" />
    <![endif]-->

    <!--[if lt IE 7]>
    <link href="css/g-png24.ie.css" rel="stylesheet" media="all" />
    <![endif]-->

    <script type="text/javascript" src="js/jquery-1.6.2.js"></script>
    <script type="text/javascript" src="js/RoundedCorners.js"></script>
    <script type="text/javascript" src="js/jquery.colorbox.js"></script>

    <script>
        $(document).ready(function(){
            $('.js-showBigPic').colorbox({
                rel: 'ProjectPhotos',
                current: false,
                title: function(){
                    return $(this).attr('title') + '<span id="cboxPanelRefs"><a class="vkRef g-inlineBlock" href=""></a>&nbsp;<a class="fbRef g-inlineBlock" href=""></a>&nbsp;<a class="twRef g-inlineBlock" href=""></a></span>';
                }
            });
        });
    </script>
</head>
<body>
    <div class="l-wrap">
        <div class="l-header g-safeContext">
            <div class="l-header_data g-safeContext">
                <div class="l-header_refs g-inlineBlock">
                    <a class="l-header_refs_one" href="">Подробнее о нас</a><br />
                    <a class="l-header_refs_one" href="">Предложить проект</a>
                </div>
                <div class="l-enter g-inlineBlock rc5">
                    <a class="l-enter_ref" href="">Зарегистриорваться</a>&nbsp;
                    <a class="l-enter_ref" href="">Войти</a><br />
                    можно через&nbsp;
                    <a class="l-enter_imgRef l-enter_imgRef__gm g-inlineBlock" href=""></a>
                    <a class="l-enter_imgRef l-enter_imgRef__fb g-inlineBlock" href=""></a>
                    <a class="l-enter_imgRef l-enter_imgRef__vk g-inlineBlock" href=""></a>
                </div>
            </div>
            <a class="l-logo g-inlineBlock" href="">
                <img class="l-logo_img" src="img/logo.png" width="120" height="120" alt="GOOD WORX" />
                место&nbsp;встречи<br />неравнодушных
            </a>
        </div>
        <div class="l-rWrap">
            <div class="l-rWrap_t">
                <div class="l-rWrap_t_t"></div>

                <div class="l-rWrap_c l-content g-safeContext">
                    <div class="l-content_oneCol">
                        <p class="backRef"><a href="">Убрать Шарташ<span class="backRef_arrow">&larr;</span></a></p>
                        <h1 class="g-mainTitle">Фотографии проекта «Убрать Шарташ»</h1>

                        <ul class="photos">
                            <li class="photos_item g-inlineBlock">
                                <a id="ref1" class="photos_item_ref g-inlineBlock js-showBigPic" href="img/temp/bigpic1.jpg" rel="ProjectPhotos" title="Лисёнок">
                                    <img class="g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p>Рядом с лодочной базой</p>
                                </a>
                            </li>
                            <li class="photos_item g-inlineBlock">
                                <a class="photos_item_ref g-inlineBlock js-showBigPic" href="img/temp/bigpic2.jpg" rel="ProjectPhotos" title="Слонёнок">
                                    <img class="g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p>Рядом с лодочной базой</p>
                                </a>
                            </li>
                            <li class="photos_item g-inlineBlock">
                                <a class="photos_item_ref g-inlineBlock js-showBigPic" href="img/temp/bigpic3.jpg" rel="ProjectPhotos" title="Очень красиво">
                                    <img class="g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p>Рядом с лодочной базой</p>
                                </a>
                            </li>
                            <li class="photos_item g-inlineBlock">
                                <a class="photos_item_ref g-inlineBlock js-showBigPic" href="img/temp/bigpic4.jpg" rel="ProjectPhotos" title="Сирень. Фотография Кирилла Соколова.">
                                    <img class="g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p>Рядом с лодочной базой</p>
                                </a>
                            </li>
                            <li class="photos_item g-inlineBlock">
                                <a class="photos_item_ref g-inlineBlock js-showBigPic" href="img/temp/bigpic5.jpg" rel="ProjectPhotos" title="Зелень. Фотография Кирилла Соколова">
                                    <img class="g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p>Рядом с лодочной базой</p>
                                </a>
                            </li>
                            <li class="photos_item g-inlineBlock">
                                <a class="photos_item_ref g-inlineBlock js-showBigPic" href="img/temp/pic1.jpg" rel="ProjectPhotos">
                                    <img class="g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p>Рядом с лодочной базой</p>
                                </a>
                            </li>
                            <li class="photos_item g-inlineBlock">
                                <a class="photos_item_ref g-inlineBlock js-showBigPic" href="img/temp/pic2.jpg" rel="ProjectPhotos">
                                    <img class="g-imgBorder" src="img/temp/pic1.jpg" alt="" />
                                    <p>Рядом с лодочной базой</p>
                                </a>
                            </li>
                        </ul>

                    </div>
                </div>

                <div class="l-rWrap_t_l"></div>
                <div class="l-rWrap_t_r"></div>
            </div>
            <div class="l-rWrap_b"></div>
            <div class="l-rWrap_bl"></div>
            <div class="l-rWrap_br"></div>
        </div>

        <div class="l-footer">
            <a class="l-footer_ref" href="">Написать разработчикам</a>
        </div>
    </div>
</body>
</html>